<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Xeria - Responsive Admin Dashboard Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        
        {% include "public/style.html" %}
        {% include "public/script.html" %}

        <!-- plugin css -->
        <link href="/static/lib/admin-assets/libs/jquery-vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />

        <style>
            .a-iframe{
                width: 100%;
                height: calc(100vh - 130px);
            }
            body{
                overflow: hidden!important;
            }
            #sidebar-menu a{
                cursor: pointer;
            }
            .left-side-menu {
                padding:0!important;
            }
            .slimscroll-menu{
                height:100%;
                overflow-y:auto;
                overflow-x:hidden;
            }
            .slimscroll-menu::-webkit-scrollbar {
              /*滚动条整体样式*/
              width: 0.5rem !important;
              /*高宽分别对应横竖滚动条的尺寸*/
              height: 1rem !important;
              background: rgb(120, 120, 165) !important;
              cursor: pointer;
            }

            .slimscroll-menu::-webkit-scrollbar-thumb {
              /*滚动条里面小方块*/
              border-radius: 5px !important;
              box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
              background: #999 !important;
              cursor: pointer !important;
            }

            .slimscroll-menu::-webkit-scrollbar-track {
              /*滚动条里面轨道*/
              box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.5) !important;
              border-radius: 5px !important;
              background: rgba(240, 240, 240, 0.5) !important;
              cursor: pointer !important;
            }
        </style>
    </head>

    <body >

        <!-- Begin page -->
        <div id="wrapper">
            {% include "public/header.html" %}
            {% include "public/aside.html" %}
            <!-- ============================================================== -->
            <!-- Start Page Content here -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">

                    <iframe src="/welcome" width="100%" height="100%" name="iframe" frameborder="0" scrolling="auto" class="a-iframe" framborder="0"></iframe>


                </div> <!-- content -->

                <!-- Footer Start -->
                <footer class="footer">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6">
                                2019 &copy; Xeria theme by <a href="https://www.php.cn/">Coderthemes</a> 
                            </div>
                            <div class="col-md-6">
                                <div class="text-md-right footer-links d-none d-sm-block">
                                    <a href="javascript:void(0);">About Us</a>
                                    <a href="javascript:void(0);">Help</a>
                                    <a href="javascript:void(0);">Contact Us</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- end Footer -->

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->


        </div>
        <!-- END wrapper -->
        {% include "public/account.html" %}

        <!-- Right bar overlay-->
        <div class="rightbar-overlay"></div>


        <script>
            $(function(){
                // 侧边栏点击
                $("#sidebar-menu ul li").click(function(){
                    if(!$(this).hasClass("active")){
                        $(this).addClass("active").children("ul").addClass("in")
                        $(this).siblings("li").removeClass("active")
                    }else{
                        //$(this).removeClass("active").children("ul").removeClass("in")
                    }
                })
                $("#sidebar-menu ul li  a:first-child").click(function(e){
                    let node  = $(this).parent()
                    if(node.hasClass("active")){
                        node.removeClass("active").children("ul").removeClass("in")
                        node.siblings("li").removeClass("active")
                        event.stopPropagation()
                    }
                })
                // 右侧栏的点击
                $(".navbar-custom .topnav-menu .nav-link.right-bar-toggle").click(function(){
                    $("body").addClass("right-bar-enabled")
                })
                $(".right-bar .rightbar-title .right-bar-toggle").click(function(){
                    $("body").removeClass("right-bar-enabled")
                })
                // 监听侧边栏的点击
                $("#sidebar-menu a").click(function(e){
                    let _href =$(this).attr("_href");
                    let iframe = $(".a-iframe");
                    if(_href){
                        iframe.attr("src",_href)
                    }
                })
            })
        </script>

     <!-- App js -->
        <script src="/static/lib/admin-assets/js/app.min.js"></script>

    </body>
</html>